
.items{
    width: 100px;
    height: 600px;
//  background: skyblue;
    position: relative;
    z-index: 100;
    li{
        width: 100px;
        height: 100px;
        background: deeppink;
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    li:nth-of-type(1){
        z-index: 6;
    }
    li:nth-of-type(2){
        z-index: 5;
    }
    li:nth-of-type(3){
        z-index: 4;
    }
    
    li:nth-of-type(5){
        z-index: 3;
    }
    li:nth-of-type(6){
        z-index: 2;
    }
  
    
    li:nth-of-type(1):hover li:nth-of-type(6){
        animation: slidedown 3s ease .5s;
    }
   
    }
}

 @keyframes slidedown{
    from{
       top:0px;
           
}to{
       top: 100px; 
}

}